<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/demo.css" />
		<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/slicebox.css" />
		<link rel="stylesheet" type="text/css" href="__ADDONROOT__/css/custom.css" />
		<link rel="stylesheet" href="http://dreamsky.github.io/main/blog/common/init.css">
 
      

<div class="wrapper" style="max-width:{$addonsimgcarousel.imgwidth}">
	
	

				<ul id="sb-slider" class="sb-slider">
					
					<for start="1" end="$addonsimgcarousel['imgcount']" comparison="elt">
						
					
						
						<li>
						<a href="http://{$addonsimginfo[$i-1].url}" target="{$addonsimgcarousel['target']}"><img src="./Addons/ImgCarousel/images/{$i}.jpg" alt="image1"/></a>
						<div class="sb-description">
							<h3>{$addonsimginfo[$i-1].describe}</h3>
						</div>
					</li>
</for>

					
					
					
					
					
					
				</ul>

				<div id="shadow" class="shadow"></div>

				<div id="nav-arrows" class="nav-arrows">
					<a href="#">Next</a>
					<a href="#">Previous</a>
				</div>

			
			</div><!-- /wrapper -->
			
			  
		
		
		<script type="text/javascript" src="__ADDONROOT__/js/modernizr.custom.46884.js"></script>
			
		<script type="text/javascript" src="./Addons/ImgCarousel/js/jquery.slicebox.js"></script>
		<script type="text/javascript">
		$(function() {
				
				var Page = (function() {

					var $navArrows = $( '#nav-arrows' ).hide(),
						$shadow = $( '#shadow' ).hide(),
						slicebox = $( '#sb-slider' ).slicebox( {
							onReady : function() {

								$navArrows.show();
								$shadow.show();

							},
							orientation : 'r',
							cuboidsRandom : true
						} ),
						
						init = function() {

							initEvents();
							
						},
						initEvents = function() {

							// add navigation events
							$navArrows.children( ':first' ).on( 'click', function() {

								slicebox.next();
								return false;

							} );

							$navArrows.children( ':last' ).on( 'click', function() {
								
								slicebox.previous();
								return false;

							} );

						};

						return { init : init };

				})();

				Page.init();

			});
		</script>
		<script src="http://dreamsky.github.io/main/blog/common/init.js"></script>